import {StyleSheet} from 'react-native';
export default styles = StyleSheet.create({
  content: {
    flex:1,
    flexDirection:'column',
    backgroundColor:'rgb(14,14,14)'
  },
  authStyle: {
  width:'100%',
  flexGrow: 1,
  flexDirection:'row',
  marginTop:30,
  paddingLeft:20,
  paddingRight:20
  },
  authImg:{
    width:50,
    height:50,
    borderRadius:50
  },
  autnName:{
    flexDirection:'column',
    marginLeft:12,
    marginTop:10
  },
  topText:{
    color:'#fff',
    fontSize:16,
    fontWeight:'bold'
  },
  bottomText: {
    color:'#606060',
    fontSize:12,
    marginTop:5
  },
  rightImg: {
    flexDirection:'row',
    marginLeft:'auto'
  },
  imgStyle: {
    width:36,
    height:36,
    borderRadius:18,
    backgroundColor:'rgb(90,90,90)',
    justifyContent:'center',
    alignItems:'center',
    marginTop:10,
    marginLeft:10
  },
  imgSize:{
    width:16,
    height:16
  },
  contentText: {
    width:'100%',
    flexGrow: 2,
    borderTopLeftRadius:40,
    borderTopRightRadius:40,
    backgroundColor:'#fff',
    paddingTop:20,
    paddingBottom:0
  },
  selfDis: {
    width:'100%',
    height:76,
    paddingTop:10,
    paddingLeft:20,
    paddingRight:20,
    flexDirection:'row',
    justifyContent:'space-between'
  },
  leftDis: {
    width:86,
    height:36,
    backgroundColor:'rgb(14,14,14)',
    borderRadius:18,
    justifyContent:'center',
    alignItems:'center'
  },
  leftText: {
    color:'#fff',
    fontSize:14
  },
  rightDis: {
    width:132,
    height:25,
    flexDirection:'row',
    justifyContent:'space-between'
  },
  rightText: {
    width:36,
    height:25,
    flexDirection:'column',
    alignItems:'center'
  },
  rightTopText: {
    fontSize:16,
    color:"#101010",
    fontWeight:'bold'
  },
  rightBottomText: {
    fontSize:10,
    color:"#D5D5D5",
    marginTop:2
  }
  
});
